<template>
  <div class="brand">
      <div class="brand-box">
          <img :src="brandDesc.app_list_pic_url" alt="">
          <div class="desc">
              <div class="name">{{brandDesc.name}}</div>
              <div class="name">{{brandDesc.simple_desc}}</div>
          </div>
      </div>
      <GessYouLike :inpRes="infomation" :showTitle="true"/>
  </div>
</template>

<script>
import GessYouLike from '@/components/guessLike'
export default {
    name:'brand',
    components:{
        GessYouLike
    },
    data(){
        return{
            infomation:[],
            brandId:'',
            brandDesc:{}
        }
    },
    mounted(){
        this.brandId = this.$route.query.brandId
        this.getDate()
    },
    methods:{
        async getDate(){
            let result = await this.$api.other.reqBrandDate({params:{id:this.brandId}})
            console.log(result);
            if(result.status != 200){
                return
            }
            this.brandDesc = result.info[0]
            this.infomation = result.ownGoods
        }
    }
}
</script>

<style lang="less" scoped>
.brand{
    width: 100%;
    .brand-box{
        
        background-color: rgba(53, 53, 53, 0.61);
        width: 100%;
        text-align: center;
        img{
            width: 100%;
            display: block;
        }
        .desc{
            padding: 30px;
            div{
                margin-bottom: 20px;
            }
            :nth-child(1){
                font-size: 40px;
                color: rgba(250, 250, 250, 0.719);
                letter-spacing: 2px;
            }
            :nth-child(2){
                font-weight: 700;
                color:rgba(238, 238, 238, 0.719);
            }

        }
    }
}

</style>